<template>
	
<view class="card mb-1">


		<!-- head -->
		<view v-if="showhead" class="p-2 border-bottom main-border-color">

			<slot name="title">

				<text v-if="headTitle" class="font-md font-weight">{{headTitle}}</text>
			</slot>



		</view>

		<!-- body -->
		<view>
			<image v-if="bodyCover" :src="bodyCover" mode="widthFix"></image>

			<slot></slot>
		</view>



	</view>
</template>
	
	
	
	
</template>

<script>
	// vue  操作数据
	
	export  default  {
		 props: {
		 			//头部标题 
		 			headTitle: String,
		 			// 封面图
		 			bodyCover: String,
		 			// 是否显示头部
		 
		 			showhead: {   
		 				type: Boolean,
		 				default: true  // 在其他地方组件都要显示  只有在点击筛选的时候才当前组件
		 			}
		 		}
		
	}
</script>

<style>
</style>
